<m-api-data-table [dataSource]="dataSource" [selection]="selection" #table>
  <ng-container mDataTableColumn header="人员名称">
    <ng-template let-id="id" let-name="full_name">
      <td>
        <a [mDetailRouterLink]="{ id: id, name: name, type: 'personnel' }">
          {{ name }}
        </a>
      </td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="工号">
    <ng-template let-job="job_number">
      <td>{{ job }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="人员备注">
    <ng-template let-remark="remark">
      <td>{{ remark }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="角色">
    <ng-template let-utype="utype">
      <td>{{ utype }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="状态">
    <ng-template let-status="status">
      <td>{{ status }}</td>
    </ng-template>
  </ng-container>

  <ng-container mDataTableColumn header="区域数量">
    <ng-template let-area_count="area_count">
      <td>{{ area_count }}</td>
    </ng-template>
  </ng-container>

  <ng-container mDataTableColumn header="登录时间">
    <ng-template let-updated="updated_at_time">
      <td>{{ updated }}</td>
    </ng-template>
  </ng-container>
  <button class="btn btn-sm btn-secondary" (click)="table.selectAll(true)">全选</button>
</m-api-data-table>
